<template>
  <div class="h-100 w-100">
    <component :is="renderComponent" :key="fullPath" :query="query" />
  </div>
</template>

<script>
import Vue from "vue"
// Vue.component('async-callDetail', () => import("@/views/softphone/callDetail")) // 呼叫详情
export default {
	name: "RepeatPage",
	props: {
		component: String,
		query: Object
	},
	data() {
		let { component } = this.query || this.$route.query
		component = this.component || component
		return {
			fullPath: this.$route.fullPath,
			componentName: component,
			comDialogData: {},
			loading: true,
			iframeLoading: true,
			renderComponent: `async-${component}`
		}
	},
	computed: {},
	created() {},
	mounted() {
		console.log(this.query, "----------query")
	},
	methods: {}
}
</script>

<style lang="scss" scoped>
</style>
